<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="sys" uri="/menutaglib"%>
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>${sessionScope.web_name}</title>
		<meta content="width=device-width, initial-scale=1.0" name="viewport" />
		<link rel="stylesheet" id='style_color' href="<%=request.getContextPath()%>/resources/assets/plugins/system/css/${sessionScope.web_style}.css" type="text/css"/>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/common/js/constants.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/common/fscapp_sys.js"></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/css/jquery-ui-timepicker-addon.css" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui.min.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-addon.js"></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery.ui.datepicker-zh-CN.js.js" ></script>
		<script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/plugins/jQuery-datatime/js/jquery-ui-timepicker-zh-CN.js" ></script>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-select.css" rel="stylesheet" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
		<%-- <link href="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/css/bootstrap-multiselect.css" rel="stylesheet" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/bootstrap-select/js/bootstrap-multiselect.js" type="text/javascript"></script>
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/system/js/form-components.js" type="text/javascript"></script>
		<script src="<%=request.getContextPath()%>/resources/assets/system/js/from/componentFn.js"  type="text/javascript"></script> --%>
		<link href="<%=request.getContextPath()%>/resources/assets/plugins/multiple-select-master/css/multi-select.css" rel="stylesheet" type="text/css" />
		<script src="<%=request.getContextPath()%>/resources/assets/plugins/multiple-select-master/js/jquery.multi-select.js" type="text/javascript"></script>
	</head>
    <body class="page-header-fixed">
        <!-- BEGIN HEADER -->
        <jsp:include page="../common/systemUserSelfHeader.jsp"></jsp:include>
        <!-- END HEADER -->
        <!-- <div class="clearfix"> </div> -->
		<div class="page-container row-fluid" >
			<!-- BEGIN HORIZONTAL MENU PAGE SIDEBAR1 -->
			<div class="page-sidebar nav-collapse collapse">
				<!-- BEGIN SIDEBAR MENU -->
				<ul class="page-sidebar-menu">
					<sys:sysNav ctgLevelOne="sysUser" ctgLevelTwo="sysGroupMgr" />
				</ul>
			</div>
		
		<div class="page-content">
				<div class=container-fluid>
					<!-- BEGIN PAGE HEADER-->
					<div class="row-fluid crumbs">
						<div class="beginPageHearderBg_1"></div>
						<div class="beginPageHearderBg_2"></div>
						<div class="page-title page-title-style"><i class="icon-user-md"></i>群组数据信息</div>
						<div class="page-title-desc"><i class="fa fa-info-circle"></i>对不同群组设置查看菜单功能权限(*)</div>
						<div class="span12 breadcrumb-style">
							<ul class="breadcrumb">
								<li>
									<i class="icon-home"></i>
									<a href="${sessionScope.web_home}">首页</a>
									<i class="icon-angle-right"></i>
								</li>
								<li>
									<a href="#">系统</a>
									<i class="icon-angle-right"></i>
								</li>
								<li><a href="#">群组设置</a></li>
							</ul>
							<!-- END PAGE TITLE & BREADCRUMB-->
						</div>
					</div>
					<div class="row-fluid">
						<div class="span12">
							<!-- BEGIN SAMPLE TABLE PORTLET-->
							<div class="portlet box yellow">
								<div class="portlet-title">
									<div class="caption"><i class="icon-user-md"></i>群组数据列表</div>
									<div class="tools">
										<a href="javascript:;" class="collapse"></a>
									</div>
									<div class="actions">
										<a class="btn btn-auto btn-outline m-wrap" href="#" onclick="crtRoleBtn2();">
											<i class="icon-plus"></i> 添加
										</a>
									</div>
								</div>
								<div class="portlet-body">
									<table id="roleDataTables" class="table table-striped table-bordered table-hover table-full-width">
										<thead>
											<tr>
												 <th>ID</th>
												 <th>群组名称</th>
												 <th>群组描述</th>
												 <th>修改时间</th>
												 <th style="width:18%">操作</th>
											</tr>
										</thead>
										<tbody style="font-size: 15px;"></tbody>
									</table>
								</div>
							</div>
							<!-- END SAMPLE TABLE PORTLET-->
						</div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
			
			<div id="roleUptInfoDiv" class="modal fade" tabindex="-1">
			    <div class="modal-dialog">
			        <div class="modal-content">
			            <div class="modal-header bg-yellow">
			                <h4 class="modal-title">
			                    <i class="icon-user-following"></i>
			                    <span id="lblAddTitle">群组基本信息</span>
			                </h4>
			            </div>
			                <div class="modal-body"></div>
			                <div class="modal-footer bg-info">
			                    <button type="button" id="roleUptBtn" class="btn btn-info m-wrap btn-outline">确定</button>
			                    <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
			                </div>
			        </div>
			    </div>
			</div>
			<div id="roleBaseInfoDiv" class="modal fade" tabindex="-1">
			    <div class="modal-dialog">
			        <div class="modal-content">
			            <div class="modal-header bg-yellow">
			                <h4 class="modal-title">
			                    <i class="icon-user-following"></i>
			                    <span id="lblAddTitle">群组功能菜单权限变更</span>
			                </h4>
			            </div>
			            <div class="modal-body">
			                <div id="tree" class="zTreeDemoBackground">
				                <ul id="treeDemo" class="ztree" style="height:400px;overflow-y:scroll;"></ul>
				            </div>
			            </div>
			            <div class="modal-footer bg-info">
			                <button type="button" disabled="disabled" id="uptBtn" class="btn btn-info m-wrap btn-outline" data-dismiss="modal">确定</button>
			                <button type="button" class="btn btn-auto m-wrap btn-outline" data-dismiss="modal">关闭</button>
			           </div>
			        </div>
			    </div>
			</div>
			
			<div id="personInfoDiv" class="modal fade data-width"  tabindex="-1" data-width="860" data-height="860">
				<div class="modal-dialog">
			        <div class="modal-content">
			            <div class="modal-header bg-primary" style = "background-color:rgb(58,118,159);">
			                <h4 class="modal-title">
			                    <i class="icon-user-following"></i>
			                    <span id="lblAddTitle" style="font-weight:bold;background-color:white;color:white">添加人员</span>
			                </h4>
			            </div>
			            <input class="m-wrap ui_timepicke" type="hidden" id="maJoinIdAddU" name="maJoinIdAddU" disabled="true">
			            <div class="row-fluid"></div>
			            <input type="hidden" id="groupIdHidd" name ="groupIdHidd"/>
		                <div class="modal-footer bg-info">
		                    <button type="button" id="uptPersonBtn" class="btn black btn-outline">确定</button>
		                    <button type="button" class="btn dark btn-outline" data-dismiss="modal">关闭</button>
		                </div>
			        </div>
			    </div>       
			</div>
			
		</div>
        <!-- END CONTAINER -->
        <!-- BEGIN FOOTER -->
        <jsp:include page="../common/sysFooter.jsp"></jsp:include>
        <!-- END FOOTER -->
        <!-- BEGIN CORE PLUGINS -->
        <script>
			jQuery(document).ready(function() {    
			   App.init();
			   TableAdvanced.init();
			   UIModals.init();
			});
		</script>
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/sysGroupMgr.js"></script>
	    <script type="text/javascript" src="<%=request.getContextPath()%>/resources/assets/system/js/sys/groupInfo.js"></script>
        <!-- END THEME LAYOUT SCRIPTS -->
    </body>
</html>